<template>
  <el-main>
    <el-row class="page-title">
      <i class="el-icon-d-arrow-right"></i>
      <el-breadcrumb class="page-title-text" separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>活动管理</el-breadcrumb-item>
        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      </el-breadcrumb>
    </el-row>

    <el-row class="page-content" type="flex" justify="space-between">
      <el-col :span="4"><el-card shadow="hover">1</el-card></el-col>
      <el-col :span="4"><el-card shadow="hover">1</el-card></el-col>
      <el-col :span="4"><el-card shadow="hover">1</el-card></el-col>
      <el-col :span="4"><el-card shadow="hover">1</el-card></el-col>
      <el-col :span="4"><el-card shadow="hover">1</el-card></el-col>
    </el-row>

    <el-card class="box-card page-content">
      <div></div>
    </el-card>

  </el-main>
</template>

<script>
export default {
  name: "Home"
}
</script>

<style lang="stylus" scoped>
 
  .el-main
    padding 0 20px
  .page-title
    font-size 20px
    font-family "PingFang SC"
    height 50px
    line-height 50px
    margin 10px 0
    .page-title-text
      display inline-block
      text-indent 0.5em
  .page-content
    margin 10px 0 30px 0
    div
      height 200px
</style>